<!DOCTYPE html>
<html lang="Wcy">
    <head>
        <!-- Meta Tags -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
        <meta name="description" content="Multipages HTML5 Template">
        <meta name="author" content="">

        <!-- Page Title -->
        <title>Comments</title>

        <!-- Favicon and touch Icons -->
        <link href="images/favicon.png" rel="shortcut icon" type="image/png">
        <link href="images/apple-touch-icon.png" rel="apple-touch-icon">
        <link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
        <link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
        <link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

        <!-- Lead Style -->
        <link href="css/style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
    	<div id="preloader" class="loader_show">
    		<div class="loader-wrap">
    		<div class="loader">
    			<div class="loader-inner"></div>
    		</div>
    		</div>
    	</div>
    	
    	<!-- pointer start -->
    	<div class="pointer bnz-pointer" id="bnz-pointer"></div>
    	
    	<div class="content">
    		<div class="top_part">
            	<!-- Start Header -->
			<header id="header" class="header_1 header">
    				<div class="navigation">
    					<nav id="flexmenu">
    						<div class="logo">
    							<a href="index.html"><img src="images/logo1.jpg" alt="logo"></a>
    						</div>
    						<div class="nav-inner">
    							<div id="mobile-toggle" class="mobile-btn"></div>
    							<ul class="main-menu">
    								<li class="menu-item "><a href="index.html">Home</a>
    									<ul class="sub-menu">
    										    <li class="menu-item"><a href="index-3.html">Home 2</a></li>
												<li class="menu-item"><a href="index-2.html">Home 3</a></li>
    									</ul>
    								</li>
    								<li class="menu-item"><a href="#">Posts</a>
    									<ul class="sub-menu">
    										<li class="menu-item"><a href="blog-details.html">Blog Details</a></li>
    										<li class="menu-item"><a href="blog-details-fullwidth.html">Blog Details Fullwidth</a></li>
    									</ul>
    								</li>
								    <li class="menu-item "><a href="#">Things and Tools</a>
									    <ul class="sub-menu">
										    <li class="menu-item "><a href="satellite.html">satelliteMap</a></li>
										    <li class="menu-item "><a href="map.html">PlaceMap</a></li>
										    <li class="menu-item "><a href="3dwords.html">3d lines</a></li>
										    <li class="menu-item "><a href="PhotoPlay.html">Photo play</a></li>
									    </ul>
								    </li>
									<li class="menu-item active" ><a href="Comments.html">Communication</a></li>
    								<li class="menu-item "><a href="advice.html">advice</a></li>
									<li class="menu-item"><a href="about.html">About Author</a></li>
    								<li class="menu-item"><a href="contact.html">Contact Me</a></li>
    							</ul>
    						</div>
    					</nav>
    				</div>
    	        </header>
			    
    		<div class="featured_category bg_image_1" data-aos="fade-up" data-aos-duration="700">
    			<div class="container">
    				<div class="row">
					    <div class="col-lg-3 col-sm-6">
						    <div class="featured_category_item" data-aos="fade-up" data-aos-duration="600">
							    <img src="images/category/pig1.jpg" alt="img">
							    <div class="featured_category_info">
								    <h6 class="featured_category_heading"><a href="#">Cy & Her beautiful sisters</a></h6>
								    <p class="featured_category_number"><span>06</span> Posts</p>
							    </div>
						    </div>
					    </div>
					    <div class="col-lg-3 col-sm-6">
						    <div class="featured_category_item" data-aos="fade-up" data-aos-duration="800">
							    <img src="images/category/pig2.jpg" alt="img">
							    <div class="featured_category_info">
								    <h6 class="featured_category_heading"><a href="#">LYJ & one of the beautiful sisters</a></h6>
								    <p class="featured_category_number"><span>12</span> Posts</p>
							    </div>
						    </div>
					    </div>
					    <div class="col-lg-3 col-sm-6">
						    <div class="featured_category_item" data-aos="fade-up" data-aos-duration="1000">
							    <img src="images/category/pig3.jpg" alt="img">
							    <div class="featured_category_info">
								    <h6 class="featured_category_heading"><a href="#">LXZ& one of the beautiful sisters</a></h6>
								    <p class="featured_category_number"><span>09</span> Posts</p>
							    </div>
						    </div>
					    </div>
					    <div class="col-lg-3 col-sm-6">
						    <div class="featured_category_item" data-aos="fade-up" data-aos-duration="1200">
							    <img src="images/category/pig4.jpg" alt="img">
							    <div class="featured_category_info">
								    <h6 class="featured_category_heading"><a href="#">ZSQ& one of the beautiful sisters</a></h6>
								    <p class="featured_category_number"><span>16</span> Posts</p>
							    </div>
						    </div>
					    </div>
    				</div>
    			</div>
    		</div>
			   
			<div class="main-wrapper ">
				    <div class="container">
					    
					    <div class="row">
						    <div class="col-lg-8 col-md-7 details_with_sidebar">
							    <article class="blog_post post_expand">
								    <div class="post_content">
									    <div class="post_header">
										    <h2 class="post_title">
											    <a href="#">Communication & Comments</a>
										    </h2>
									    </div>
									    <div class="post_footer">
										    <div class="post_share" data-aos="fade-up" data-aos-duration="700">
											    <ul class="share_list">
												    <li>Share:</li>
												    <li data-aos="fade-up" data-aos-duration="500"><a href="#"><i class="ion-social-facebook"></i></a></li>
												    <li data-aos="fade-up" data-aos-duration="700"><a href="#"><i class="ion-social-twitter"></i></a></li>
												    <li data-aos="fade-up" data-aos-duration="900"><a href="#"><i class="ion-social-dribbble"></i></a></li>
												    <li data-aos="fade-up" data-aos-duration="1100"><a href="#"><i class="ion-social-instagram"></i></a></li>
												    <li data-aos="fade-up" data-aos-duration="1300"><a href="#"><i class="ion-social-pinterest"></i></a></li>
											    </ul>
										    </div>
										    <div class="post_tag" data-aos="fade-up" data-aos-duration="900">
											    <ul class="tag_list">
												    <li><a href="#">#you</a></li>
												    <li><a href="#">#me</a></li>
											    </ul>
										    </div>
									    </div>
								    </div>
							    </article>
							    <div class="blog_list" data-aos="fade-up" data-aos-duration="700" >
								    <div class="col-lg-10">
									    <div class="contact" data-aos="fade-up" data-aos-duration="900">
										    <div class="contact_title">
											    <h3>Make A Communication</h3>
											    <div class="title_line"></div>
										    </div>
										    <form class="contact_form" action="addComment" method="post" onsubmit=" window.location.href='Comments.html';">
											    <div class="form-container">
												    <div class="row">
													    <div class="col-md-12 col-lg-12">
														    <div class="form-group">
															    <textarea type="text" name="comment" class="form-control" placeholder="Your Comment Here*" required></textarea>
														    </div>
													    </div>
													    <div class="col-md-6 col-lg-6">
														    <div class="form-group">
															    <input type="text" name="name" class="form-control" placeholder="Name*" required>
														    </div>
													    </div>
													
													    <div class="col-md-12 col-lg-12">
														    <div class="form-group">
															    <input class="button" type="submit" value="Submit" name="submit">
														    </div>
													    </div>
												    </div>
											    </div>
										    </form>
									    </div>
									    <div class="comment_sec" data-aos="fade-up" data-aos-duration="700">
										    <div class="contact_title">
											    <h3>Comments</h3>
											    <div class="title_line"></div>
										    </div>
										    <ul class="comment_area" id="BdInfo1">
										
										    </ul>
									    </div>
								    </div>
							    </div>
							
							    <div class="pagination-div">
								    <ul class="pagination">
									    <li><a >&nbsp;&nbsp;&nbsp;---Older Post---</a></li>
								    </ul>
							    </div>
						    </div>
						
						    <div class="col-lg-4 col-md-5">
							    <div class="sidebar" data-aos="fade-up" data-aos-duration="900">
								
								
								    <div id="custom_2" class="widget widget_custom">
									    <div class="sidebar_add">
										    <img src="images/blog/QQ图片20210117203910.jpg" alt="add">
									    </div>
								    </div>
								
								    <div id="categories-1" class="widget widget_categories">
									    <h4 class="widget_title">Bedtime stories</h4>
									    <div class="sidebar_categories">
										    <ul class="category_list">
											    <li><a href="#">Qi people learn to play the piano</a> (5)</li>
											    <li><a href="#">Horse and donkey</a> (7)</li>
											    <li><a href="#">The little mouse eats the cake</a> (4)</li>
											    <li><a href="#">The story of the frog</a> (3)</li>
											    <li><a href="#">Marksman and lion</a> (6)</li>
											    <li><a href="#">Lions and shepherds</a> (2)</li>
											    <li><a href="#">Pottery and iron pots</a> (1)</li>
											    <li><a href="#">Mice and frogs</a> (9)</li>
										    </ul>
									    </div>
								    </div>
							
							
							
							
							    </div>
						    </div>
					    </div>
					    <div class="row">
						    <div class="col-lg-12 col-md-12">
							    <div class="newsletter bg_image_2" data-aos="fade-up" data-aos-duration="700">
								    <div class="row">
									    <div class="col-lg-10 offset-lg-1">
										    <form  action="advice" class="newsletter_form" method="post"  >
											    <div class="newsletter_header">
												    <p><i class="ion-email"></i>Submit feelings or comments</p>
												    <h3>Give an opinion that needs to be revised</h3>
											    </div>
											    <div class="form_group">
												    <input class="form-control" type="text" id="advice" placeholder="Please Input" name="advice" >
												    <input type="submit"  class="button" value="Subscribe" >
											    </div>
										    </form>
									    </div>
								    </div>
							    </div>
						    </div>
					    </div>
				    </div>
			    </div>

			<footer class="footer" data-aos="fade-up" data-aos-duration="700">
					<div class="footer-above">
						<div class="footer-logo">
							<!-- <a href="#"><img src="images/logo-white.png" alt="logo"></a> -->
						</div>
						<div class="footer-social">
							<ul>
								<li><a href="#"><i class="ion-social-facebook"></i></a></li>
								<li><a href="#"><i class="ion-social-instagram"></i></a></li>
								<li><a href="#"><i class="ion-social-twitter"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="footer-middle">
						<div class="container">
							<div class="footer_widget_wrapper">
								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="footer_widget">
											<div class="widget-title">
												<h4>Instagram</h4>
											</div>
											<div class="instagram">
												<ul>
												<li><a href="#"><img src="images/insta/$7%7B%7BRONZ%7B19%7DE~QFF5S(P02_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/00S$8~$@P(4EGZ%7D2AASLS%7BB_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/LG%60LMZLGT3%60MLA3F1P8$(76_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/OPSRWFVTZ%7B%7BFP%5BT87LRR6~Q_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/W8_W%5D)V%5D%7B%7DQGU2$0$8QF)0C_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/~HXU4D@8VHC@P%5B$@6O_H3Y8_爱奇艺.jpg" alt="insta"></a></li>
												</ul>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6">
										<div class="footer_widget pd_lt">
											<div class="blend-logo">
												<!-- <a href="#"><img src="images/logo-big.png" alt="logo"></a> -->
											</div>
											<div class="footer_nav">
												<ul>
													<li class="menu-item"><a href="index.html">Home</a></li>
													<li class="menu-item"><a href="about.html">About Author</a></li>
													<li class="menu-item"><a href="blog-details.html">Blog</a></li>
													<li class="menu-item"><a href="blog-details-fullwidth.html">Blog Fullwidth</a></li>
													<li class="menu-item"><a href="contact.html">Contact Me</a></li>
													<li class="menu-item"><a href="Comments.html">Communication</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="footer-bottom">
						<div class="container">
							<div class="copyright">
								<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &copy; 2021 - Wcy. Created by Wcy. Give To Cy.<br>赣ICP备2021001313号-1|</p>
							</div>
						</div>
					</div>
			</footer>
		    </div>
	    </div>
	    <!-- All JavaScript Files
		   ================================================== -->
	    <script src="js/bootstrap.min.js"></script>
	    <script src="js/jquery-3.5.1.js"></script>
	    <script src="js/jquery-3.5.1.min.js"></script>
<!--	    <script src="js/bootstrap.min.js"></script>-->
	    <script src="plugins/swiper/swiper.min.js"></script>
	    <script src="js/menu.js"></script>
	    <script src="plugins/aos/aos.js"></script>
	    <script src="js/custom.js"></script>
	    <script src="js/Comment.js"></script>
	    <script src="js/jQuery.cookie.js"></script>
	</body>
</html>